<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../static/plugins/bootstrap-3.4.1/css/bootstrap.min.css">
</head>
<body>

<div class="container">
    <h1>模版语法的学习</h1>
    <h3>接受到的n1：{{ n1 }}</h3>
    <h3>接受到的n2：{{ n2 }}</h3>
    <h3>接受到的n2：{{ n2.0 }}</h3>
    <h3>接受到的n2：{{ n2.1 }}</h3>
    <h3>接受到的n2：{{ n2.2 }}</h3>

    <div>
        {% for item in n2 %}
            <span>{{ item }}</span>
        {% endfor %}
    </div>

    <div>
        {{ n3 }}
        {{ n3.name }}
        {{ n3.age }}
        {{ n3.phone }}
    </div>
    <ul>
        {% for item in n3.keys %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
    <ul>
        {% for item in n3.values %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
    <ul>
        {% for k,v in n3.items %}
            <li>{{ k }} : {{ v }}</li>
        {% endfor %}
    </ul>

    <div>
        {{ n4 }}
        <br/>
        {{ n4.0.name }}
    </div>
    <div>
        {% for item in n4 %}
            <div>
                <span>{{ item.name }}</span>
                <span>
                    {% if item.age >= 18 %}
                        已成年
                    {% else %}
                        未成年
                    {% endif %}
                </span>
                <span>{{ item.phone }}</span>
            </div>
        {% endfor %}
    </div>

    <input type="button" class="btn-primary" value="按钮"/>

</div>


<script src="../static/js/jquery-3.7.1.js"></script>
<script src="../static/plugins/bootstrap-3.4.1/js/bootstrap.min.js"></script>
</body>
</html>
